<template>
	<up-card :title="title" :sub-title="subTitle" :thumb="thumb">
        <template #body>
            <view class="" slot="body">
                <view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
					<image src="https://img1.baidu.com/it/u=1287234817,2315971013&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1730307600&t=b8ff81abbcae14cedb1ec4299cdcc567" mode="aspectFill"></image>
                    <view class="u-body-item-title u-line-4"><h9>乐山大佛<br></h9><h10>地址：四川省乐山市<br>联系电话：66666<br>票价：null</h10></view>
 
                </view> 
                <view class="u-body-item u-flex u-row-between u-p-b-0">
					<image src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg" mode="aspectFill"></image>
                    <view class="u-body-item-title u-line-2"><h10>斜亭观鸟<br>四川南充川北医学院<br></h10></view>
                    <!-- <image src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg" mode="aspectFill"></image> -->
                </view>
				<view class="u-body-item u-flex u-row-between u-p-b-0">
					<image src="https://img0.baidu.com/it/u=1058961982,3919091402&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1730307600&t=9622de18364605eae71720edd72f2492" mode="aspectFill"></image>
				    <view class="u-body-item-title u-line-2"><h9>斜亭观鸟<br>四川南充川北医学院<br></h9></view>
				    <!-- <image src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg" mode="aspectFill"></image> -->
				</view>
          </view>
			
        </template>
       
	</up-card>
</template>

<script>

</script>

<style>
	.u-card-wrap { 
		background-color: $up-bg-color;
		padding: 1px;
	}
	
	.u-body-item {
		font-size: 32rpx;
		color: #333;
		padding: 20rpx 10rpx;
	}
		
	.u-body-item image {
		width: 220rpx;
		flex: 0 0 220rpx;
		height: 220rpx;
		border-radius: 8rpx;
		margin-left: 12rpx;
	}
</style>